import React, { Component } from 'react';
import { List ,Icon} from 'antd-mobile';

import { Link } from 'react-router-dom';
import { Boxlist } from './style'
import { withRouter } from 'react-router-dom'
const Item = List.Item;
const Brief = Item.Brief;




@withRouter
class MyList extends Component {
    render() {
        return (
            // renderHeader={() => 'Customized Right Side（Empty Content / Text / Image）'}
            <Boxlist>
            <List  className="my-list"  style={{background: "#3d3d8b"}}>
                {/* <Item>Title</Item>
                <Item     icon={<Icon type="left" />}  arrow="horizontal" onClick={() => { }}>Title</Item> */}
                
          
                <Item thumb="//iconfont.alicdn.com/t/b173ebb5-b206-4180-a683-d5af9382ddb1.png"  arrow="horizontal" onClick={() => { }}>
                <Link to="/fav">
                   <p>我的收藏</p> 
                </Link>
                </Item>
               {/* this.props.history.push('/') */}

                {/* <Item extra="extra content" arrow="horizontal" onClick={() => { }}>我的收藏</Item>
                <Item extra="extra content" arrow="horizontal" onClick={() => { }}>我的收藏</Item> */}            
                <Item extra="" arrow="horizontal" thumb="//iconfont.alicdn.com/t/0677c8c5-7743-4498-8653-0d40528ddc6d.png" onClick={() => { console.log(this.props.history)}}>浏览记录</Item>
                <Item extra="点我" arrow="horizontal" thumb="//iconfont.alicdn.com/t/aa8abbe2-2c6e-4374-b427-3c8d3d27a3c0.png" onClick={() => {  this.props.history.push('/fav')}}>陛下，赏个好评吧</Item>
                <Item extra="1687301081" arrow="horizontal" thumb="//iconfont.alicdn.com/t/0868675f-b1af-455e-af93-97f0e11473de.png" onClick={() => { }}>联系我们</Item>
                
                <Item     icon={<Icon type="left" />}  arrow="horizontal" onClick={() => { }}>设置</Item>
                
                
                {/* <Item extra="10:30" align="top" thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png" multipleLine>
                    Title <Brief>subtitle</Brief>
                </Item> */}
            </List>
            </Boxlist>
        );
    }
}

export default MyList;
